<div id="tempo-mine-modeling" class='tempo-mine-container-panel'>
    <div id="tempo-mine-menu" class="ui-layout-west">
        <div class="tempo-panel-title" style="display:none;background: #EAEDF1;" id="tempo-mine-library-container">
            <div id="tempo-mine-element-library-option" class="tempo-mine-library-manager-option"
                 style="width:50%;float:left;display: inline-block;">
                <@spring.message "mine.yaosuku"/>
            </div>
            <div id="tempo-mine-model-library-option" class="tempo-mine-library-manager-option"
                 style="width:49%;display: inline-block;">
                <@spring.message "mine.moxingku"/>
            </div>
            <span id="tempo-mine-pmml-model-option" style="display: inline-block;">
				</span>
        </div>
        <div id="tempo-mine-library-manager-container" style="height:calc(100% - 38px);">
        </div>
    </div>

    <div id="tempo-mine-designer" class="ui-layout-center">
        <!-- <div id="tempo-mine-board" class="tempo-mine-board"></div> -->
        <div class='tempo-mine-flow-container' id="tempo-mine-flow-container-example">
            <div class='ui-layout-center tempo-mine-board-container'></div>
            <div class='ui-layout-south'>
                <div class='tempo-mine-logger tempo-panel'>
                    <span class="tempo-panel-title"><span
                                class="tempo-panel-title-text"><@spring.message "mine.mine_log"/></span><span
                                class="tempo-panel-title-icon"></span></span>
                    <div class='tempo-mine-logger-content'></div>
                </div>
            </div>
        </div>
    </div>
</div>